<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>管理中心 - Powered By ${systemConfig.systemName}</title>
<meta name="description" content="这是一个 index 页面">
<meta name="keywords" content="index">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="icon" type="image/png"
	href="${base}/template/assets/i/favicon.png">
<link rel="apple-touch-icon-precomposed"
	href="${base}/template/assets/i/app-icon72x72@2x.png">
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<link rel="stylesheet"
	href="${base}/template/assets/css/amazeui.min.css" />
<link rel="stylesheet" href="${base}/template/assets/css/admin.css">
<link type="text/css" rel="stylesheet" href="${base}/template/jqPaginator/bootstrap.min.css"/>
</head>

<body>
	<div class="am-cf admin-main">

		<!-- content start -->
		<div class="admin-content">

			<div class="am-cf am-padding">
				<div class="am-fl am-cf">
					<strong class="am-text-primary am-text-lg">首页</strong> / <small>机构地区</small>
				</div>
			</div>

			<div class="am-g">
				<div class="am-u-sm-12 am-u-md-6">
					<div class="am-btn-toolbar">
						<div class="am-btn-group am-btn-group-xs">
							<button type="button" class="am-btn am-btn-default" id="modalAdd">
								<span class="am-icon-plus"></span> 新增
							</button>
							<button type="button" disabled="disabled" class="am-btn am-btn-default" id="modalMultiDelete">
								<span class="am-icon-trash-o"></span> 删除
							</button>
						</div>
					</div>
				</div>
				<div class="am-u-sm-12 am-u-md-3">
						<div class="am-input-group am-input-group-sm">
							<input type="text" class="am-form-field" id="queryName" placeholder="按地名搜索"> <span
								class="am-input-group-btn">
								<button class="am-btn am-btn-default" id="btnQuery" type="button">搜索</button>
							</span>
						</div>
					</div>
				</div>

			<div class="am-g">
				<div class="am-u-sm-12">
					<form class="am-form" action="">
						<table class="am-table am-table-striped am-table-hover table-main">
							<thead>
								<tr>
									<th><input type="checkbox" id="cbAll" /></th>
									<th>Id</th>
									<th>地名</th>
									<!-- <th>Appid</th> -->
									<th>备注</th>
									<th>操作</th>
								</tr>
							</thead>
							<tbody id="listBody">
								<%for(loc in orgLocationList!){%>
								<tr>
									<td><input type="checkbox" name="cbSub" /></td>
									<td>${loc.id}</td>
									<td>${loc.name}</td>
									<!-- <td>${loc.appid}</td> -->
									<td>${loc.remark}</td>
									<td>
										<div class="am-dropdown" data-am-dropdown>
											<button
												class="am-btn am-btn-default am-btn-xs am-dropdown-toggle"
												data-am-dropdown-toggle>
												<span class="am-icon-cog"></span> <span
													class="am-icon-caret-down"></span>
											</button>
											<ul class="am-dropdown-content">
												<li><a href="javascript:void(0);" class="edit">编辑</a></li>
												<li><a href="javascript:void(0);" class="delete">删除</a></li>
											</ul>
										</div>
									</td>
								</tr>
								<%}%>
							</tbody>
						</table>
					</form>
				</div>
				
				<ul id="pager" class="pagination am-pagination" style="float:right;"></ul>
			</div>
		</div>
		<!-- content end -->
	</div>
	<a href="#"
		class="am-icon-btn am-icon-th-list am-show-sm-only admin-menu"
		data-am-offcanvas="{target: '#admin-offcanvas'}"></a>

	<div class="am-modal am-modal-no-btn" tabindex="-1" id="editLocation">
		<div class="am-modal-dialog">
			<div class="am-modal-hd">
				<span id="modalTitle">Modal 标题</span> <a href="javascript: void(0)"
					class="am-close am-close-spin" data-am-modal-close>&times;</a>
			</div>
			<div class="am-modal-bd am-form">
				<div class="am-form-group">
					<label for="locName">地名</label>
					<div class="am-u-sm-10">
						<input type="text" id="locName" placeholder="请输入地名" />
					</div>
				</div>
				<div class="am-form-group">
					<label for="locRemark" class="am-form-label">备注</label>
					<div class="am-u-sm-10">
						<input type="text" id="locRemark" placeholder="请输入备注" />
					</div>
				</div>
				<button type="button" class="am-btn" id="btnSubmit">确定</button>
				<button type="button" class="am-btn" data-am-modal-close>取消</button>
			</div>
		</div>
	</div>
	<div class="am-modal am-modal-confirm" tabindex="-1" id="deleteLocation">
  <div class="am-modal-dialog">
    <div class="am-modal-hd">机构地区</div>
    <div class="am-modal-bd" id="deleteTitle">
      你确定要删除这条地区记录吗？
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn" data-am-modal-cancel>取消</span>
      <span class="am-modal-btn" data-am-modal-confirm>确定</span>
    </div>
  </div>
</div>
	<script type="text/javascript"
		src="${base}/template/assets/js/jquery.min.js"></script>
	<script type="text/javascript"
		src="${base}/template/assets/js/amazeui.min.js"></script>
	<script type="text/javascript" src="${base}/template/assets/js/app.js"></script>
	<script type="text/javascript" src="${base}/template/jqPaginator/jqPaginator.min.js"></script>    
    <script type="text/javascript" src="${base}/template/admin/js/pager.js"></script>
    <script type="text/javascript" src="${base}/template/admin/js/orglization_location.js"></script>
    <script type="text/javascript">
    $(function () {
    	orgLocation.init('${base}',${pageSize},${totalPage});
    });
    </script>
</body>
</html> 
